<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>订单提交页面</title>
		<link rel="stylesheet" href="./css/submit_order.css">
		<link rel="stylesheet" href="./css/bootstrap.css">
		<script src="js/jquery.min.js" charset="utf-8"></script>
		<script src="lib/layui/layui.js" charset="utf-8"></script>
		<script src="js/vue.js"></script>
		<script src="js/my.js" charset="utf-8"></script>


	</head>
	
	<body>
	    <div id="app">
		<div id="u470" class="ax_default label">
		  <div id="u470_div" class=""></div>
		  <!-- Unnamed () -->
		  <div id="u471" class="text" style="visibility: visible;">
		    <p><span>广东万家乐燃气具有限公司采购申请</span></p>
		  </div>
		</div>
		<div id="u594" class="ax_default" data-label="表头">
		  <div id="u594_state1" class="panel_state" data-label="备货需求">
		    <div id="u594_state1_content" class="panel_state_content">
		      <!-- Unnamed (矩形) -->
		      <div id="u631" class="ax_default label">
		        <div id="u631_div" class=""></div>
		        <!-- Unnamed () -->
		        <div id="u632" class="text" style="visibility: visible;">
		          <p><span>区域：</span></p>
		        </div>
		      </div>
		      <!-- Unnamed (矩形) -->
		      <div id="u633" class="ax_default label">
		        <div id="u633_div" class=""></div>
		        <!-- Unnamed () -->
		        <div id="u634" class="text" style="visibility: visible;">
		          <p><span>提货方式：</span></p>
		        </div>
		      </div>
		      <!-- Unnamed (矩形) -->
		      <div id="u635" class="ax_default label">
		        <div id="u635_div" class=""></div>
		        <!-- Unnamed () -->
		        <div id="u636" class="text" style="visibility: visible;">
		          <p><span>店铺名称： </span></p>
		        </div>
		      </div>
		      <!-- Unnamed (文本框) -->
		      <div id="u637" class="ax_default text_field">
		        <input id="u637_input" type="text" value=""/>
		      </div>
		
		      <!-- Unnamed (矩形) -->
		      <div id="u638" class="ax_default label">
		        <div id="u638_div" class=""></div>
		        <!-- Unnamed () -->
		        <div id="u639" class="text" style="visibility: visible;">
		          备注：<input id="remark" type="text">
				  
		        </div>
		      </div>
		
		      <!-- Unnamed (矩形) -->
		      <div id="u640" class="ax_default label">
		        <div id="u640_div" class=""></div>
		        <!-- Unnamed () -->
		        <div id="u641" class="text" style="visibility: visible;">
		          <p id="way">配送</p>
		        </div>
		      </div>
		
		      <!-- Unnamed (矩形) -->
		      <div id="u642" class="ax_default label">
		        <div id="u642_div" class=""></div>
		        <!-- Unnamed () -->
		        <div id="u643" class="text" style="visibility: visible;">
		          <p><span>备货需求时间段：</span></p>
				     <input type="text" class="layui-input" id="test25" placeholder="开始日期"/>
					  <input type="text" class="layui-input" id="test1" placeholder="结束日期"/>
		        </div>
		      </div> 
		     
		      <!-- Unnamed (矩形) -->
		      <div id="u651" class="ax_default label">
		        <div id="u651_div" class=""></div>
		        <!-- Unnamed () -->
		        <div id="u652" class="text" style="visibility: visible;">
		          <p><span id="cusName">客户名称： 苏宁江苏店</span></p>
		        </div>
		      </div>
		
		      <!-- Unnamed (矩形) -->
		      <div id="u653" class="ax_default label">
		        <div id="u653_div" class=""></div>
		        <!-- Unnamed () -->
		        <div id="u654" class="text" style="visibility: visible;">
		          <p><span id="cusCode">客户编码： GB2313231232</span></p>
		        </div>
		      </div>
		
		      <!-- Unnamed (矩形) -->
		      <div id="u655" class="ax_default label">
		        <div id="u655_div" class=""></div>
		        <!-- Unnamed () -->
		        <div id="u656" class="text" style="visibility: visible;">
		          <p><span>出货仓库：</span>
				  <select name="仓库名称：" id="selectA" style="width: fit-content">
				      <option value="CD001">四川省绵阳市先锋区显峰路12号</option>
				      <option value="CD002">四川省成都市青羊区赵峰路66号</option>
				      <option value="ADD001">四川省第一仓库</option>
					  <option value="ADD002">四川省第二仓库</option>
					  <option value="JY001">上海拉胯仓库</option>
				    </select>
				  </p>
		        </div>
		      </div>
		
		      <!-- Unnamed (下拉列表框) -->
		      <div id="u657" class="ax_default droplist">
		        <select id="u657_input">
		        </select>
		      </div>
		
		      <!-- Unnamed (文本段落) -->
		      <div id="u658" class="ax_default _文本段落">
		        <img id="u658_img" class="img " src="resources/images/transparent.gif"/>
		        <!-- Unnamed () -->
		        <div id="u659" class="text" style="visibility: visible;">
		          <p><span>佳邦信息旗舰店</span></p>
		        </div>
		      </div>
		
		      <!-- Unnamed (文本段落) -->
		      <div id="u660" class="ax_default _文本段落">
		        <img id="u660_img" class="img " src="resources/images/transparent.gif"/>
		        <!-- Unnamed () -->
		        <div id="u661" class="text" style="visibility: visible;">
		          <p><span>热水事业部华南区</span></p>
		        </div>
		      </div>
		    </div>
		  </div>
		</div>
		<!-- 表格-->
		<div id="u472" class="ax_default">
			<table class="layui-table" id="table1">
				 
			  <thead>
			      <tr>
				  <th>序号</th>
				  <th>产品</th>
				  <th>产品名称</th>
				  <th>品类</th>
				  <th>开票价(元)</th>
				  <th>体积(m^3)</th>
				  <th @click="s()">操作</th>
				</tr>
			  </thead>
			  <tbody>
				  <tr v-for="(it,index) in pro_list">
					  <td>{{it.id}}</td>
					  <td>{{it.pro_code}}</td>
					  <td>{{it.pro_description}}</td>
					  <td>{{it.pro_type}}</td>
					  <td>{{it.base_price}}</td>
					  <td>{{it.volume}}</td>
					  <td>操作</td>
				  </tr>
			  </tbody>
			</table>
			请选择产品：
			<select id="pro_select" @change="changePro">
				<option v-for="it in pro_list" v-bind:value="it.pro_code">{{it.pro_description}}</option>
			</select>
			请选择数量：
			<input type="number" id="proNum" onchange="pro.getTotalPrice()">
			金额：<span id="order_price">0</span>
			<nav aria-label="Page navigation">
				<ul class="pagination" id="page">
					<li>
						<a href="#" aria-label="Previous">
							<span aria-hidden="true">&laquo;</span>
						</a>
					</li>
					<li><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li>
						<a href="#" aria-label="Next">
							<span aria-hidden="true">&raquo;</span>
						</a>
					</li>
				</ul>
			</nav>
				<input type="submit" id="submint" value="提交" />
				<input type="submit" id="saveOrder" value="保存订单" />
		</div>

		</div>
		</body>
		<script>
		layui.use('laydate', function(){
		  var laydate = layui.laydate;
		  //常规用法
		  laydate.render({
		    elem: '#test1',
			  type: 'datetime'
		  });
		  //点我触发
		  laydate.render({
		    elem: '#test25'
		    ,eventElem: '#test25-1'
		    ,trigger: 'click',
			  type: 'datetime'
		  });
		     
		});
		</script>
	    <script src="js/submit_order.js" charset="utf-8"></script>
		<script src="js/yz.js" charset="utf-8"></script>
</html>
